@CHARSET "UTF-8";

article.upload-grab-otherweb {
	padding: 20px 10px 20px 30px;
}

article.upload-grab-otherweb section.left {
	width: 55%;
}

article.upload-grab-otherweb section.left h2 {
	margin: 10px 0 30px 0;
}

article.upload-grab-otherweb section.left #choose-album {
	margin-top: 20px;	
}

article.upload-grab-otherweb section.left #album-photos {
	padding: 18px;  
	width: 95%;
	height: 500px; 
	overflow-y: scroll; 
	overflow-x: hidden;
	background-color: #F7F7F2;
}
.loading-block, .loading-block img {
	width: 100%;
	height: 100%;	
}

article.upload-grab-otherweb section.left #album-photos .photoimg {
	border: solid 5px #FFF;	
}

article.upload-grab-otherweb section.left #album-photos #photo-container {
	margin: 0 auto;
}

.photo-container {
	padding: 10px;
}
.quality-setting {
	margin: 10px 0;	
	height: 30px;
	/*background-color: #F5F5F5;*/
}
.quality-setting span {
	color: #555;
	line-height: 30px;
}
.quality-setting  .quality-setting-block{
	height: 30px;
	width: 70%;
}
.quality-setting  .quality-setting-block .quality-set {
	margin-left: 5px;
	position: relative;
	top: 8px;	
}



article.upload-grab-otherweb .border-line-v {
	margin: 120px 10px 0 20px;
	height: 600px;
}




article.upload-grab-otherweb section.right {
	/*padding: 70px 0 0 60px;*/
	width: 40%;	
}
article.upload-grab-otherweb section.right #grab-form {
	margin-top: 120px;	
}
article.upload-grab-otherweb section.right #url-input {
	width: 65%;
	margin-right: 30px;
}
article.upload-grab-otherweb section.right #url-btn {
	margin-top: -3px;	
}
article.upload-grab-otherweb section.right #grab-photos {
	width: 100%;
	height: 380px;
	position: relative;
	/*margin-top: 20px;*/	
	overflow-y: scroll; 
	overflow-x: hidden;
	background-color: #F7F7F2;
}
article.upload-grab-otherweb section.right #grab-photos #grabedContainer {
	margin: 0 auto;	
	padding: 10px;
}
article.upload-grab-otherweb section.right #grab-photos #grabedContainer img {
	border: solid 5px #FFF;
	margin: 0 10px 10px 0;	
	cursor: pointer;
}
article.upload-grab-otherweb section.right #grab-photos #grabedContainer img.selected {
	border: solid 5px #c0c0c0;
}

article.upload-grab-otherweb section.right #add-form{
	width: 100%;
	margin-top: 20px;	
	position: relative;
}

article.upload-grab-otherweb section.right #uploading-transicon {
	height: 48px; 
	position: absolute; 
	left: 0; 
	bottom: 0;
	width: 125px; 
	text-align: center; 
	background-color: #FFF;	
}
article.upload-grab-otherweb section.right #uploading-transicon img {
	width: 50px; 
	height: 48px; 
	margin: 0 auto;
}
article.upload-grab-otherweb section.right #add-form input {
	margin-right: 30px;	
}

article.upload-grab-otherweb section.right p {
	display: block;
	margin: 15px 0;	
}

article.upload-grab-otherweb section.right p.error {
	color: #F00;
}


